<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="util.*"%>
<%@page import="dal.*"%>
<%@ page import="model.*,java.util.*"%>
<%
	GenericDal<EmployeeModel, EmployeeModelExt> dal = new GenericDal<EmployeeModel, EmployeeModelExt>(
			new EmployeeModel());
	EmployeeModelExt queryCount = new EmployeeModelExt();
	int count = dal.count(queryCount);

// 	int pageIndex = 1;
// 	if (request.getParameter("pageIndex") != null
// 			&& !request.getParameter("pageIndex").isEmpty()) {
// 		try {
// 			pageIndex = Integer.parseInt(request
// 					.getParameter("pageIndex"));
// 		} catch (Exception e) {
// 		}
// 	}

// 	int pageSize = ConfigUtil.employeeListPageSize;
// 	if (request.getParameter("pageSize") != null
// 			&& !request.getParameter("pageSize").isEmpty()) {
// 		try {
// 			pageSize = Integer.parseInt(request
// 					.getParameter("pageSize"));
// 		} catch (Exception e) {
// 		}
// 	}
	int pageIndex = MiscUtil.getIntUrlParam(request, "pageIndex", 1);
	int pageSize = MiscUtil.getIntUrlParam(request, "pageSize", 10);

	int noOfPage = count / pageSize;
	if (count % pageSize > 0) {
		noOfPage++;
	}

	EmployeeModelExt query = new EmployeeModelExt();
	query.setLimit(pageSize);
	query.setOffset((pageIndex - 1) * pageSize);
	List<EmployeeModel> list = dal.selectList(query);

	boolean embedded = MiscUtil.getBoolUrlParam(request, "embedded", false);
%>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Employee List</title>
	<%if(!embedded){ %>
		<link rel="stylesheet" href="css/listForm.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/jquery-ui-1.8.14.custom.css" type="text/css" />
		<link rel="stylesheet" href="css/themes/ui-lightness/jquery.ui.all.css" />
		<link rel="stylesheet" href="css/jquery-dialog.css" />
		
		<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
		<script language="javascript" type="text/javascript" src="js/common.js"></script>
	<%} %> 
	
	<script language="javascript" type="text/javascript">
		$(document).ready(pageLoaded);
		function pageLoaded()
		{	
			initDeleteConfirmation();
		} 
	</script>
</head>
<body>
	<%
		if (!embedded) {
	%>
	<div class="divContainer">	
	<%@ include file="menu.jsp"%>
	<br />
	<a style="font-weight: bold;" href="employeeNew.jsp">New Employee</a>
	<br />
	<br />
	<%}%>
	<div class="divListHeaderBar">NUMBER OF EMPLOYEES: <%=count%></div>
	<table class="tblList">
		<tr class="tblListHeader">
			<th class="thListHeader">Employee</th> 
			
			<th class="thListHeader Id">Id</th>
			<th class="thListHeader">Name</th>
			<th class="thListHeader">User Name</th>
			<th class="thListHeader">Code</th>
			<th class="thListHeader">Note</th>
			
		</tr>

		<%
			int size = list.size();
			for (int i = 0; i < size; i++) {
				EmployeeModel obj = list.get(i);
		%>

		<tr class="trListItem">
			<td class="tdListInt">
				<span><%=i + 1%></span>
				<br/>
				<span class="spanEdit"><a href="employee?mode=edit&id=<%=obj.getId()%>">Edit</a></span>
				<br/>
				<span class="spanEdit"><a class="hrefDelete" href="employee?mode=delete&id=<%=obj.getId()%>"  onclick="confirmToDelete();">Delete</a></span>
			</td>
			<td class="tdList"><%=obj.getIdToString()%></td>
			<td class="tdListText projectName"><%=obj.getNameToString()%></td>
			<td class="tdListText"><%=obj.getUserNameToString()%></td>
			<td class="tdListText"><%=obj.getCodeToString()%></td>
			<td class="tdListTextarea"><%=obj.getNoteToString()%></td>
			
		</tr>
		<%
			}
		%>
	</table>
	<br />
	<%
		if(noOfPage>1)
		{
	%>
	<table class="tblPaging">
		<tr class="trPaging">
			<td class="tdPaging">
				<%
					for (int i = 1; i <= noOfPage; i++) {
						if (i == pageIndex) {
				%> <span class="lblPaging"><%=i%></span> <%
 	} else {
 %> <a class="hrefPaging"
				href="employeeList.jsp?pageIndex=<%=i%>&pageSize=<%=pageSize%>"><%=i%></a>
				<%
					}
					}
				%>
			</td>
		</tr>
	</table>
	<%} %>
	<%if(!embedded){ %> </div> <%} %>
</body>
</html>